var serchMain = document.querySelector(".serchMain");
//当页面加载时显示第一页
window.onload = function(){
	$.get("http://localhost:8023/data/dianpu/dianpu1.json",function(shop_data){
		serchMain.innerHTML = baidu.template("bb",shop_data);	
		//划过店铺信息; 出现进入店铺的按钮；
		$(".serchLeft .shopIn").eq(0).show();
		$(".serchLeft").mouseover(function(){
			$(this).children(".shopIn").show();
			$(this).css("background","#C4E3F3");
		})
		$(".serchLeft").mouseout(function(){
			$(this).children(".shopIn").hide();
			$(this).css("background","");
		})
	})
}
//分页插件
$(function(){
	$("#page").Page({
	  	totalPages: 8,//分页总数
	  	liNums: 8,//分页的数字按钮数(建议取奇数)
	  	activeClass: 'activP', //active 类样式定义
	  	callBack : function(page){
			$.get("http://localhost:8023/data/dianpu/dianpu"+page+".json",function(shop_data){
				serchMain.innerHTML = baidu.template("bb",shop_data);	
			})
	  	}
 });
});

//地图分页插件
var arr = [];	//把marker推进数组;
$(function(){
	$("#page1").Page({
	  	totalPages: 8,//分页总数
	  	liNums: 8,//分页的数字按钮数(建议取奇数)
	  	activeClass: 'activP', //active 类样式定义
	  	callBack : function(page){
			$.get("http://localhost:8023/data/dianpu/dianpu"+page+".json",function(data){
				 map.remove(arr);//点击一个删除另一个的图标;
				for(var i = 0;i<data.shop_data.length; i++){
					marker = new AMap.Marker({
						position: [data.shop_data[i].map_longitude,data.shop_data[i].map_latitude],
						title: data.shop_data[i].addr_detail,
						map: map,
						icon:"images/01.png"
					});
					arr.push(marker);
				}
			})
	  	}
 });
});
//点击切换城市 出现城市的盒子;
$(".citybtn").click(function(){
	$("#jsCityList").show();	
})
//点击切换城市中的关闭 盒子消失
$(".cityclose").click(function(){
	$("#jsCityList").hide();
})
//点击登录出现盒子
$(".register").click(function(){
	$("#dl").show();
})
//点击登录盒子的差关闭盒子
$("#title span").click(function(){
	$("#dl").hide();
})
//登陆功能
$("#dl1 button").click(function(){
	var ss = {
		names:$("#user").val(),
		psw:$("#psw").val()
	}
	$.ajax({
		type:"get",
		data:ss,
		url:"http://localhost:8023/login",
		success:function(data){
			console.log(data);
			if(data == true){
				alert("登陆成功");
				$("#dl").hide();
			}else{
				alert("账号或密码输入错误")
			}
		},
		error:function(e){
			console.log(e);
		}
	});
})

//点击注册出现注册盒子
$(".registers").click(function(){
	$("#zc").show();	
})
//点击注册盒子头部的x号关闭盒子
$("#zctit span").click(function(){
	$("#zc").hide();
})
//注册盒子页面的手机注册和邮箱注册之间的切换
$("#zcleft p").click(function(){
	//点击其中一个另一个无样式 被点击的添加样式;
	$(this).css("background","skyblue").css("borderRadius","0 45px").siblings().css("background","white").css("borderRadius","0 0");
	
})
//点击手机出现手机注册页面	邮箱页面消失
$("#zcleft p").eq(0).click(function(){
	$("#zcright").show();
	$("#zcright-1").hide();
})
//点击邮箱出现邮箱注册页面 手机页面消失
$("#zcleft p").eq(1).click(function(){
	$("#zcright-1").show();
	$("#zcright").hide();
})
//邮箱注册;
$("#zcright-1 img").click(function(){
	if(yx.value == "" || yxpsw.value == "" || yxyzm.value == ""){
		alert("您的信息不完善");
	}else if(yxyzm.value != $(".yzm").html()){
		alert("验证码输入有误");
	}else{
		var obj = {
			names:$("#yx").val(),
			psw:$("#yxpsw").val()
		}
		
		$.post("http://localhost:8023/zhuce",obj,function(data){
			console.log(data);
		})
	}
	yx.value = "";
	yxpsw.value = "";
	yxyzm.value = "";
})
	//邮箱验证
	var emailBol = false;
	var emailreg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;

yx.onblur = function(){
	if(yx.value == ""){
		emailBol = false;
		cyyx.innerHTML = "不得为空";
		cyyx.className = "red";
	}else if(!emailreg.test(yx.value)){
		emailBol = false;
		cyyx.innerHTML = "格式错误";
		cyyx.className = "red";
	}else{
		emailBol = true;
		cyyx.innerHTML = "格式正确";
		cyyx.className = "green";
	}
			
}
//验证码验证
function yzms(){
	var num = "";
	for(var i = 0 ; i < 4; i++){
		num+=parseInt(Math.random()*10)
	}
	$(".yzm").html(num)
}
yzms();

//点击换一张出现验证码;
$(".yzm").click(function(){
	//调用yzm函数
	yzms();
})
//tab切换
//获取修手机数据
$.ajax({
		type: "get",
		url: "http://localhost:8023/data/xiushouji.json",
		success: function(xsj) {
			for (var i = 0; i < xsj.result.length; i++) {
				$('<p><span class="q1">'+xsj.result[i].name+'</span></p>').appendTo($("#xsj"))
				var ss=xsj.result[i].list
//				console.log(ss)
//				console.log(ss.length)	
			for(var j = 0 ;j < ss.length;j++){
//				console.log(ss[j])
				$("<span>"+ss[j].name+"</span>").appendTo($("#xsj p").eq(i))
				}			
			}
							
//			console.log(xsj)
		}
})
//获取修电脑数据
$.ajax({
		type: "get",
		url: "http://localhost:8023/data/xiudiannao.json",
		success: function(xdn) {
//			console.log(xdn.result.hot)
			for (var i = 0; i < xdn.result.hot.length; i++) {
				$('<span>'+xdn.result.hot[i].name+'</span>').appendTo($("#xdn1 p"))			
			
			}
			for (var i = 0; i < xdn.result.other.length; i++) {
				$('<span>'+xdn.result.other[i].name+'</span>').appendTo($("#xdn2 p"))			
			}
			
//			console.log(xdn)
		}
})
//获取卖手机收据
$.ajax({
		type: "get",
		url: "http://localhost:8023/data/maishouji.json",
		success: function(msj) {
			for (var i = 0; i < msj.result.length; i++) {
				$('<span>'+msj.result[i].name+'</span>').appendTo($("#msj p"))			
			}
//			console.log(msj)
		}
})
//获取二手手机数据
$.ajax({
		type: "get",
		url: "http://localhost:8023/data/maiershoushouji.json",
		success: function(essj) {
			for (var i in essj.result) {
				$('<span>'+essj.result[i]+'</span>').appendTo($("#messj p"))			
			}
//			console.log(essj)
		}
})

$("#banner-hz li").eq(0).hover(f1,f2);
	function f1(){
		$("#xsj").css("display","block")
	}
	function f2(){
		$("#xsj").css("display","none")
	}
$("#banner-hz li").eq(1).hover(f3,f4);
	function f3(){
		$("#xdn").css("display","block")
	}
	function f4(){
		$("#xdn").css("display","none")
	}
$("#banner-hz li").eq(2).hover(f5,f6);
	function f5(){
		$("#msj").css("display","block")
	}
	function f6(){
		$("#msj").css("display","none")
	}
$("#banner-hz li").eq(3).hover(f7,f8);
	function f7(){
		$("#messj").css("display","block")
			}
	function f8(){
		$("#messj").css("display","none")
			}


//点击在线客服 客服盒子出现
$(".service").click(function(){
	$("#mainbox").show();
})
//点击在线客服中的X号 盒子消失
$("#header span").click(function(){
	$("#mainbox").hide();
})

//点击投诉建议弹出框;
$(".advice").click(function(){
	$(".panel").show();
})
//点击投诉建议里的确定 盒子消失
$(".panel-btn").click(function(){
	$(".panel").hide();
})
//点击投诉建议里的x号 盒子消失
//$(".ts span").click(function(){
//	$(".ts").hide();
	
//})

//点击地图模式出现地图;
$(".maps").click(function(){
	$("#mappages").show();

})
//点击地图上的关闭 关闭地图盒子;
$("#container span").click(function(){
	$("#mappages").hide();
})
////分页
//$(function(){
//		$("#page").Page({
//	  totalPages:8,//分页总数
//	  liNums:8,//分页的数字按钮数(建议取奇数)
//	  activeClass: 'activP', //active 类样式定义
//	  callBack : function(page){
//			//console.log(page)
//			console.log(page);
//	  }
//});
//	})
